<template>
  <div class="app" id="app">
    <router-view/>
  </div>
</template>
<script>
export default {
}
</script>
<style lang="scss">
* {
  margin: 0;
  caret-color: transparent; //隐藏光标
}
input{
  caret-color: #b8ccff !important;
}

.w100 {
  width: 100%;
}

.itemTitle {

  img {
    height: 16px;
  }

}

@font-face {
  font-family: 'PangMenZhengDao';
  src: url('./fonts/PangMenZhengDao.ttf');
}

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('./fonts/YouSheBiaoTiHei.ttf');
}

@font-face {
  font-family: 'AlimamaShuHeiTi-Bold';
  src: url('./fonts/AlimamaShuHeiTi/AlimamaShuHeiTi-Bold.ttf');
}

@font-face {
  font-family: 'DIN';
  src: url('./fonts/DIN-Bold.otf');
}

.cur {
  cursor: pointer;
}

.ml30 {
  margin-left: 30px;
}
@keyframes rotate {
  0% {
    transform: rotateZ(360deg); /*从0度开始*/
  }
  100% {
    transform: rotateZ(0deg); /*360度结束*/
  }
}

//火狐浏览器
.scrollBar {
  scrollbar-width: 'auto'; //只有 auto、thin、none
  scrollbar-color: #375d91 #072a5a; /* 第一个颜色为滚动条的颜色， 第二个颜色为滚动条轨道的颜色 */
}

//谷歌浏览器
.scrollBar::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}

/*滚动条滑块*/
.scrollBar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  //border-radius: 10px;
  box-shadow: inset 0 0 5px #375d91;
  background: rgba(0, 133, 255, 1);
}

/*滚动条轨道*/
.scrollBar::-webkit-scrollbar-track { /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #072a5a;
  //border-radius: 10px;
}

//火狐浏览器
.scrollBar2 {
  scrollbar-width: 'auto'; //只有 auto、thin、none
  scrollbar-color: rgba(0, 178, 255, 0.3) rgba(0, 178, 255, 1); /* 第一个颜色为滚动条的颜色， 第二个颜色为滚动条轨道的颜色 */
}

//谷歌浏览器
.scrollBar2::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  border-radius: 22px 22px 22px 22px;
}

/*滚动条滑块*/
.scrollBar2::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  //border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 178, 255, 1);
  background: rgba(0, 178, 255, 1);
  border-radius: 22px 22px 22px 22px;
}

/*滚动条轨道*/
.scrollBar2::-webkit-scrollbar-track { /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px #072a5a;
  background: #055b92;
  //border-radius: 10px;
}

</style>
